<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>南方后街</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo a,#header_holder,.menu_information,.menu_setup,.menu_loginout,#nav,.nav_book,.nav_book:hover,.nav_digital,.nav_daily,.nav_jobs');
</script>
<![endif]-->
</head>
<body>
<!-- 顶部 -->
<div id="top_holder">
    <div id="header_holder">
        <div id="header">
            <div id="logo"><a href="#">南方后街</a></div>
            <div id="menu">
                <ul>
                    <li><a href="#">交易平台</a></li>
                    <li><a href="#">捐赠平台</a></li>
                    <li><a href="#">校园信息</a></li>
                    <li><a href="#" class="menu_information">消息</a></li>
                    <li><a href="#" class="menu_setup">设置</a></li>
                    <li><a href="#" class="menu_loginout">退出</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="nav_layout">
    	<div id="avatar"></div>
        <div id="search_layout">
            <form id="searchForm" action="" >
                <input name="search" type="text" class="search_input" />
                <button class="search_btn" type="submit"><i class="search_icon"></i></button>
            </form>
        </div>
        <div id="nav">
            <a href="#" class="nav_jobs">招聘信息</a>
            <a href="#" class="nav_daily">日常用品</a>
            <a href="#" class="nav_digital">数码产品</a>
            <a href="#" class="nav_book">二手图书</a>
        </div>
    </div>
</div>
<div class="clean"></div>
<!-- 中部 -->
<div id="content_holder">
    <div id="content">
    	<!-- 内容列表 -->
        <div id="main">
            <div class="list_item">
                <div class="item_avatar"><img src="${pageContext.request.contextPath}/images/avatar_01.jpg" width="64" height="64" alt="avatar_01" /></div>
                <div class="item_content">
                	<div class="item_left">
                    	<a href="#" class="item_title">新生注意了！有便宜二手书啊！</a>
                    	<div class="item_info">
                    		<br/>
                    		<p>书名：</p>
                    		<p>价格：</p>
                    		<p>新旧程度：</p>
                    		<p>联系方式：</p>
                    		<p>说明：</p>
                    		<br/>
                    		<p>发布日期：</p>
                    	</div>
                    </div>
                    <div class="item_right">
                    	<div class="item_img"><img src="${pageContext.request.contextPath}/images/book_img_01.png" width="150" height="175" alt="book01" /></div>
                        <div class="item_more"></div>
                    </div>
                </div>
                <div class="item_triangle"></div>
            </div>
            <div class="list_item">
                <div class="item_avatar"><img src="${pageContext.request.contextPath}/images/avatar_02.jpg" width="64" height="64" alt="avatar_01" /></div>
                <div class="item_content">
                	<div class="item_left">
                    	<a href="#" class="item_title">中国近代史纲要二手转！</a>
						<div class="item_info">
                    		<br/>
                    		<p>书名：</p>
                    		<p>价格：</p>
                    		<p>新旧程度：</p>
                    		<p>联系方式：</p>
                    		<p>说明：</p>
                    		<br/>
                    		<p>发布日期：</p>
                    	</div>
                    </div>
                     <div class="item_right">
                    	<div class="item_img"><img src="${pageContext.request.contextPath}/images/book_img_02.png" width="150" height="175" alt="book01" /></div>
                        <div class="item_more"></div>
                    </div>
                </div>
                <div class="item_triangle"></div>
            </div>
        </div>
       <!-- 右侧导航 --> 
        <div id="right">
        	<div class="right_item">
	        	<a class="" href="#"><span></span> 全部信息</a>			
        	</div>
        	<div class="right_item">
	        	<a class="" href="#"><span></span> 二手图书</a>
        	</div>
        	<div class="right_item">
	        	<a class="" href="#"><span></span> 数码产品</a>
        	</div>
        	<div class="right_item">
	        	<a class="" href="#"><span></span> 日常用品</a>
        	</div>
        	<div class="right_item">
	        	<a class="" href="#"><span></span> 招聘信息</a>
        	</div>

        </div>
    </div>
</div>
<div class="clean"></div>
<!-- 底部 -->
<div id="footer_holder">
	<div id="footer">
        <div id="footer_text">
            <ul>
                <li><a href="#">意见反馈</a></li>
                <li><a href="#">友情链接</a></li>
                <li><a href="#">招聘信息</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
            Copyright ©2013 版权所有 All Rights Reserved. 粤ICP备12003586号
        </div>
        <div id="weibo">
        	<a href="http://t.qq.com/nfhoujie" target="_blank" id="tencent">腾讯微博</a>
       		<a href="http://weibo.com/nfhoujie" target="_blank" id="sina">新浪微博</a>
    	</div>
    </div>
</div>
</body>
</html>
